<template>
	<!--游客状态下的首页展示 -->
	<view class="warp" :style="mix_diyStyle">
		
	<uni-nav-bar height="88rpx" :statusBar="true">
		
			<!-- <view class="input-view">
									<uni-icons class="input-uni-icon" type="search" size="18" color="#999" />
									<input confirm-type="search" class="nav-bar-input" type="text" placeholder="输入搜索关键词"
										@focus="tosearch" />
				</view> -->
		 
	</uni-nav-bar>
	<view style="text-align: center;padding: 0 50rpx;background-color: #fff;height: 44px;">
		<view class="input-view" @click="tosearch">
								<uni-icons class="input-uni-icon" type="search" size="18" color="#999" />
								<input confirm-type="search" class="nav-bar-input" type="text" placeholder="输入搜索关键词"
									  />
			</view>
	</view>
	    <!-- 轮播图 -->
		<view class="uni-margin-wrap" v-if="webinfo.bannerList.length>0">
					<swiper class="swiper" circular :indicator-dots="indicatorDots" :autoplay="autoplay" :interval="interval"
						:duration="duration">
						<swiper-item v-for="(item,index) in webinfo.bannerList">
						<view class="swiper-item uni-bg-red" style="background-color: red;">
							<image style="width:750rpx" :src="item.websiteSellerImage" mode="widthFix"></image>
						</view>
						</swiper-item>
						
					</swiper>
		</view>
		<!-- 导航栏 --> 
		<view class="navigation">
			<view class="n_list">
				<view class="n_item"  @click="toinformation">
					<view class="n_image">
						<image style="width: 80rpx; height: 80rpx;" src="https://sy-hws-file-oss.oss-cn-beijing.aliyuncs.com/huodong.png" mode=""></image>
					</view>
					<view class="n_text">
						最新活动
					</view>
				</view>
				<view class="n_item" @click="toproject(webinfo.type)">
					<view class="n_image">
						<image style="width: 80rpx; height: 80rpx;" src="https://sy-hws-file-oss.oss-cn-beijing.aliyuncs.com/anli.png" mode=""></image>
					</view>
					<view class="n_text">
						项目案例
					</view>
				</view>
				<view class="n_item" @click="topradeon(webinfo.type)">
					<view class="n_image">
						<image style="width: 80rpx; height: 80rpx;" src="https://sy-hws-file-oss.oss-cn-beijing.aliyuncs.com/yanshi.png" mode=""></image>
					</view>
					<view class="n_text">
						实操演示
					</view>
				</view>
				<view class="n_item" @click="toproductlist">
					<view class="n_image">
						<image style="width: 80rpx; height: 80rpx;" src="https://sy-hws-file-oss.oss-cn-beijing.aliyuncs.com/chanpin.png" mode=""></image>
					</view>
					<view class="n_text">
						全部产品
					</view>
				</view>
				<view class="n_item" @click="tokefu">
					<view class="n_image">
						<image style="width: 80rpx; height: 80rpx;" src="https://sy-hws-file-oss.oss-cn-beijing.aliyuncs.com/lianxiwomen.png" mode=""></image>
					</view>
					<view class="n_text">
						联系我们
					</view>
				</view>
			</view>
		</view>
		<!-- 公司简介 -->
				<view @click="tocompany(webinfo.type)" class="mycompony" v-if="webinfo.companyList[0]">
					<view class="p_title">
						<view class="pt_center">
							公司简介
						</view>
						<view class="pt_more" >
							更多
						</view>
					</view>
					<view class="text">
						<span v-if="webinfo.companyList[0].websiteSellerImage">
							<image style="width: 710rpx;" :src="webinfo.companyList[0].websiteSellerImage" mode="widthFix"></image>
						</span>
					<span style="margin-right: 40rpx;"></span>
					<!-- <span style="overflow: hidden; text-overflow: ellipsis;display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp:3;"> -->
						<!-- <div :key="timenum" v-html="webinfo.companyList[0].websiteSellerContent" >
						
						</div> -->
						<!-- {{delHtmlTag(webinfo.companyList[0].websiteSellerContent)}} -->
						<!-- <jyf-parser  
							:isAll="true" :html="companyinfo" ref="description"></jyf-parser> -->
					<!-- </span> -->
					<span style="overflow: hidden; text-overflow: ellipsis;display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp:3;">
						{{delHtmlTag(webinfo.companyList[0].websiteSellerContent)}}
					</span>
					</view>
				</view>
		<!-- 最新活动 -->
		<view class="newactivity" v-if="newactivitylist.length!=0" @click="toinformation">
			<view class="p_title">
				<view class="pt_center">
					最新活动
				</view>
				<view class="pt_more" >
					更多
				</view>
			</view>
			<view class="videolist">
				<view class="n_left" v-if="newactivitylist[0]">
					<view class="image">
						<view v-if="newactivitylist[0].videoType == 1" class="play_num_bg">
								<image mode="aspectFit" :src="imgUrl + 'svideo/zx_play.png'"></image>
								<text class="play_num">{{newactivitylist[0].clickNum}}{{$L('次播放')}}</text>
							</view>
							<view v-else class="play_eye_bg">
								<image mode="aspectFit" :src="viewImgUrl"></image>
								<text class="play_num">{{newactivitylist[0].clickNum}}{{$L('次播放')}}</text>
							</view>
							<image :src="newactivitylist[0].videoImage" mode="aspectFit" :style="{height:(newactivitylist[0].height/newactivitylist[0].width)*345+'rpx'}"></image>
						
					</view>
					<view class="context_bottom">
						<view class="">
							{{newactivitylist[0].videoName}}
						</view>
					</view>
				</view>
				<view class="n_left" v-if="newactivitylist[1]">
					 
						<view class="image">
							<view v-if="newactivitylist[1].videoType == 1" class="play_num_bg">
									<image mode="aspectFit" :src="imgUrl + 'svideo/zx_play.png'"></image>
									<text class="play_num">{{newactivitylist[1].clickNum}}{{$L('次播放')}}</text>
								</view>
								<view v-else class="play_eye_bg">
									<image mode="aspectFit" :src="viewImgUrl"></image>
									<text class="play_num">{{newactivitylist[1].clickNum}}{{$L('次播放')}}</text>
								</view>
								<image :src="newactivitylist[1].videoImage" mode="aspectFit" :style="{height:(newactivitylist[1].height/newactivitylist[1].width)*345+'rpx'}"></image>
						</view>
					 <view class="context_bottom">
					 	<view class="">
					 		{{newactivitylist[1].videoName}}
					 	</view>
					 </view>
				</view>
			</view>
			
		</view>
		<!-- 优惠活动 -->
		<view @click="toyouhui" class="Promotional"  v-if="webinfo.specialList.length>0">
			<view class="p_title">
				<view class="pt_center">
					优惠活动
				</view>
				<view class="pt_more" >
					更多
				</view>
			</view>
			<view class="content">
				<view class="c_list">
					<view class="c_item"  v-if="webinfo.specialList[0]">
						<view class="ci_image">
							<image style="width: 320rpx;height: 220rpx; " :src="webinfo.specialList[0].websiteSellerImage" mode=""></image>
						</view>
						<view class="ci_goodname">
							{{webinfo.specialList[0].websiteSellerTitle}}
						</view>
						<!-- <view class="ci_bottom">
							<view class="left">
								<span style="color: #ff841f;">1000</span>
								<span>减</span>
								<span style="color: #ff841f;">200</span>
							</view>
							<view class="right">
								<span style="color: #ff841f;">211</span>
								<span>人参与</span>
							</view>
						</view> -->
						<!-- huodong -->
						<view class="state">
							进行中
						</view>
					</view>
					<view class="c_item" v-if="webinfo.specialList[1]">
						<view class="ci_image">
							<image style="width: 320rpx;height: 220rpx;" :src="webinfo.specialList[1].websiteSellerImage" mode=""></image>
						</view>
						<view class="ci_goodname">
								{{webinfo.specialList[1].websiteSellerTitle}}
						</view>
						<!-- <view class="ci_bottom">
							<view class="left">
								<span style="color: #ff841f;">1000</span>
								<span>减</span>
								<span style="color: #ff841f;">200</span>
							</view>
							<view class="right">
								<span style="color: #ff841f;">211</span>
								<span>人参与</span>
							</view>
						</view> -->
						<view class="state">
							进行中
						</view>
					</view>
				</view>
				<view class="con_b" v-if="webinfo.specialList[2]">
					<view class="con_image">
						<image style="width: 700rpx;height: 200rpx;" :src="webinfo.specialList[2].websiteSellerImage" mode=""></image>
					</view>
					<view class="con_text">
					{{webinfo.specialList[2].websiteSellerTitle}}
					</view>
				</view>
			</view>
		</view>
		
		<!-- 项目案列 -->
<view class="Project_Cases" v-if="webinfo.projectList.lenght>0" @click="toproject(webinfo.type)">
	<view class="p_title">
		<view class="pt_center">
			项目案例
		</view>
		<view class="pt_more"  >
			更多
		</view>
	</view>
	<view class="p_top" v-if="webinfo.projectList[0]">
		<view class="t_image">
			<image style="height: 220rpx;width: 712rpx;" :src="webinfo.projectList[0].websiteSellerImage" mode=""></image>
			<view class="p_titles" style="color: #fff;">
				<view class="">
				{{webinfo.projectList[0].websiteSellerTitle}}
				</view>
				<!-- <view class="">
					<span>20000平方</span>
					<span>环氧磨石</span>
				</view> -->
			</view>
		</view>
	</view>
	<view class="p_bottom">
		<view class="p_list" v-if="webinfo.projectList.length>0">
			<view class="p_item" v-for="(item,index) in webinfo.projectList.slice(1,3)" :key="index">
				<view class="i_image">
					<image style="width: 320rpx;height: 200rpx;" :src="item.websiteSellerImage" mode="aspectFill"></image>
				</view>
				<view class="bo_text">
					<view class="" style="overflow: hidden; text-overflow: ellipsis;display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp:1;">
						{{item.websiteSellerTitle}}
					</view>
					<!-- <view style="width: 320rpx;overflow: hidden; text-overflow: ellipsis;display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp:1;" class="" v-html="item.websiteSellerContent"> -->
						<!-- {{}} -->
					<!-- </view> -->
				</view>
			</view>
		</view>
	</view>
</view>
<!-- 实操演示 -->
<view class="Practical_demonstration" v-if="webinfo.operationList.length>0" >
	<view class="p_title">
		<view class="pt_center">
			实操演示
		</view>
		<view class="pt_more" @click="topradeon(webinfo.type)">
			更多
		</view>
	</view>
	<view class="pd_list" >
		<view class="pd_item" v-for="(item,index) in webinfo.operationList" :key="index" v-if="index<4">
			<view  class="video"> 
				<video  style="width: 320rpx;height: 200rpx;" :src="item.websiteSellerImage"></video>
			</view>
			<view class="b_text">
				{{item.websiteSellerTitle}}
			</view>
		</view>
	</view>
</view>
<!-- 企业荣誉 -->
<view class="enterprisehonor" v-if="webinfo.enterpriseHonorList.length>0">
	<view class="p_title">
		<view class="pt_center">
			企业荣誉
		</view>
		<view class="pt_more" >
			
		</view>
	</view>
	<view class="m_list"  >
		<view class="" style="overflow: auto;  display: -webkit-flex;  display: flex;">
			<view @click="towebinfo(item)" class="m_item" v-for="(item,index) in webinfo.enterpriseHonorList">
				<view class="image">
					<image style="width: 320rpx;height: 200rpx;" :src="item.websiteSellerImage" mode="heightFix"></image>
				</view>
				<view class="name">
					{{item.websiteTitle}}
				</view>
			</view>
		</view>
	</view>
</view>
<!-- 在施工地 -->
<!-- <view class="construction_site" v-if="webinfo.siteList.length>0">
	 <view class="p_title">
	 	<view class="pt_center">
	 		在施工地
	 	</view>
	 	<view class="pt_more">
	 		更多
	 	</view>
	 </view>
	 <view class="cs_list">
	 	<view class="cs_item" v-for="(item,index) in webinfo.siteList" :key="index">
	 		<view class="cs_image">
				<image style="width: 712rpx; height: 180rpx;" :src="item.websiteSellerImage" mode=""></image>
	 			 
	 		</view>
			<view class="cs_title">
				{{item.websiteSellerTitle}}
			</view>
	 	</view>
	 </view>
</view> -->

		
		<view class="" style="margin-bottom: 25%;">
			
		</view>	
		
	</view>
</template>

<script>
	import { mapState, mapMutations } from 'vuex'
	import uniSwiperDot from '@/components/uni-swiper-dot/uni-swiper-dot.vue'
	// import jyfParser from '@/components/jyf-parser/jyf-parser'
	// import { quillEscapeToHtml } from '@/utils/common.js'
	export default{
		components:{
			// jyfParser
		},
		data(){
			return{
				 background: ['color1', 'color2', 'color3'],
	             indicatorDots: true,
	             autoplay: true,
	             interval: 2000,
	             duration: 500,
				 author:1,
				companyinfo:'',
			     newactivitylist:[],
				 imgUrl: getApp().globalData.imgUrl,
				 
				 viewImgUrl: getApp().globalData.imgUrl + 'svideo/eye.png',
							
			}
			
		},
		 props:{
		 	webinfo:{}
		 },
		 created() {
		 	// this.companyinfo=quillEscapeToHtml(this.webinfo.companyList[0].websiteSellerContent)
		 },
		mounted() {
			this.getnewactivity()
			 // console.log(this.companyinfo);
		},
		computed: {
		  ...mapState(['hasLogin', 'userInfo', 'userCenterData']),
		  
		},
		methods:{
			 ...mapMutations(['saveChatBaseInfo']),
			 // 点击搜索框事件
			 tosearch(){
			 	uni.navigateTo({
			 		url:"/extra/serachList/serachList"
			 	})
			 },
			 // 获取最新活动数据
			 getnewactivity(){
				 this.$request({
					 url:'v3/video/front/video/list',
					 method:'GET',
					 data:{
						 pageSize:2,
						 current:1,
						 labelId:10
					 }
				 }).then(res=>{
					 if(res.state==200){
						 this.newactivitylist=res.data.videoList
					 }
				 })
			 },
			// 获取商户委官网数据
			getshopweb(){
				this.$request({
					url:'v3/website/front/member/all/list',
					method:'GET',
					data:{vendorId:'480019'}
				})
			},
			// 跳转商品列表
			toproductlist(){
				uni.navigateTo({
					url:"/standard/store/shopHomePage?vid="+this.webinfo.storeId
				})
			},
			// 跳转项目列表
			toproject(val){
				
				uni.navigateTo({
					url:"/webcont/projectlist/projectlist?type="+val
				})
			},
			// 跳转实操演示
			topradeon(val){
				uni.navigateTo({
					url:"/webcont/Practicaldemonstration/Practicaldemonstration?type="+val
				})
			},
			// 客服
			tokefu(){
				// let chatBaseInfo = {}
				// chatBaseInfo.memberId = this.userCenterData.memberId
				// chatBaseInfo.memberName = this.userCenterData.memberName
				// chatBaseInfo.memberNickName = this.userCenterData.memberNickName
				// chatBaseInfo.memberAvatar = this.userCenterData.memberAvatar
				// chatBaseInfo.storeId = this.webinfo.storeId
				// chatBaseInfo.storeLogo = this.webinfo.storeImage
				// chatBaseInfo.storeName = this.webinfo.storeName
				// chatBaseInfo.source = 'chat_list'
				// chatBaseInfo.showData = {}
				// this.saveChatBaseInfo(chatBaseInfo)
				// uni.navigateTo({
				// 	url:"/standard/chat/detail?vid="+this.webinfo.storeId
				// })
				uni.navigateTo({
					url:"/webcont/contactus/contactus"
				})
			},
			//公司
			tocompany(val){
				uni.navigateTo({
					url:"/webcont/companyintroduce/companyintroduce?type="+val
				})
			},
			// 优惠
			toyouhui(){
				
				this.$Router.push('/standard/coupon/couponCenter?id='+this.webinfo.storeId)
			},
			toinformation(){
				uni.navigateTo({
					url:"/pages/index/information"
				})
			},
			// 去除标签
			delHtmlTag (str) {
			  return str.replace(/<[^>]+>/g, '')
			}
		},
	
		
	}
</script>

<style lang="scss" scoped>
	$nav-height: 30px;
	.warp{
		
		position: relative;
		/deep/.uni-navbar__header[data-v-4afea59e] {
			height: 88rpx !important;
		}
		
		.input-view {
				/* #ifndef APP-PLUS-NVUE */
				display: flex;
				/* #endif */
				flex-direction: row;
				width: 650rpx;
				flex: 1;
				background-color: #f8f8f8;
				height: $nav-height;
				border-radius: 15px;
				padding: 0px 15px;
				flex-wrap: nowrap;
				margin: 0px 0;
				line-height: $nav-height;
			}
		
			.input-uni-icon {
				line-height: $nav-height;
			}
		
			.nav-bar-input {
				height: $nav-height;
				line-height: $nav-height;
				/* #ifdef APP-PLUS-NVUE */
				width: 580rpx;
				/* #endif */
				padding: 0 5px;
				font-size: 12px;
				background-color: #f8f8f8;
			}
		
		.uni-margin-wrap {
				width: 690rpx;
				width: 100%;
			}
			.swiper {
				height: 300rpx;
			}
			.swiper-item {
				display: block;
				height: 300rpx;
				line-height: 300rpx;
				text-align: center;
			}
			.swiper-list {
				margin-top: 40rpx;
				margin-bottom: 0;
			}
			.uni-common-mt {
				margin-top: 60rpx;
				position: relative;
			}
			.info {
				position: absolute;
				right: 20rpx;
			}
			.uni-padding-wrap {
				width: 550rpx;
				padding: 0 100rpx;
			}
			// 导航栏
			.navigation{
				border-radius: 20rpx;
				margin-top: 30rpx;
				padding: 20rpx;
				background-color: #fff;
				.n_list{
					display: flex;
					justify-content: space-between;
					.n_item{
						display: flex;
						flex-direction: column;
						align-items: center;
						.n_image{
							width: 80rpx;
							height: 80rpx;
							border-radius: 50%;
							// background-color: green;
						}
					}
				}
				
			}
			.newactivity{
				 
				
				border-radius: 20rpx;
				margin-top: 30rpx;
				padding: 20rpx;
				// background-color: #fff;
							  
				.p_title{
				   width: 100%;
				   padding-left: 40%;
					display: flex;
					position: relative;
					.pt_center{
						font-size: 30rpx;
						font-weight: 550;
						padding-bottom: 10rpx;
						border-bottom: 8rpx solid #ff841f;
					}
					.pt_more{
						position: absolute;
						right: 0;
						color: #c3c3c3;
						text-decoration: underline;
						// border-bottom: 2rpx solid #c3c3c3;
					}
					
				}
				.videolist{
					margin-top: 20rpx;
					display: flex;
					justify-content: space-between;
					.n_left{
						border: 2rpx solid #eeeeee;
						background-color: #fff;
						border-radius: 19rpx;
						.image{
							width: 345rpx;
							height: auto;
							border-radius: 14rpx 14rpx 0 0;
							overflow: hidden;
							background-size: cover;
							background-position: center center;
							background-repeat: no-repeat;
							position: relative;
							
							image {
								width: 345rpx;
								height: auto;
							}
							.play_num {
								color: #fff;
								font-size: 24rpx;
								padding-left: 20rpx;
							}
							.play_num_bg {
								/* width: 108rpx; */
								height: 38rpx;
								border-radius: 19rpx;
								padding-right: 10rpx;
								display: flex;
								align-items: center;
								justify-content: flex-start;
								position: absolute;
								bottom: 20rpx;
								/* 20rpx; */
								left: 15rpx;
								z-index: 2;
								image {
									
									width: 32rpx !important;
									height: 32rpx !important;
								}
							}
							.play_eye_bg{
								height: 38rpx;
								border-radius: 19rpx;
								padding-right: 10rpx;
								display: flex;
								align-items: center;
								justify-content: flex-start;
								position: absolute;
								top: 20rpx;
								left: 15rpx;
								z-index: 2;
								image{
									width: 40rpx !important;
									height: 40rpx !important;
								}
							}
						}
						.context_bottom{
							padding: 20rpx;
						}
					}
				}
				
			}
			// 优惠活动
			.Promotional{
				border-radius: 20rpx;
				margin-top: 30rpx;
				padding: 20rpx;
				background-color: #fff;
			  
				.p_title{
				   width: 100%;
				   padding-left: 40%;
					display: flex;
					position: relative;
					.pt_center{
						font-size: 30rpx;
						font-weight: 550;
						padding-bottom: 10rpx;
						border-bottom: 8rpx solid #ff841f;
					}
					.pt_more{
						position: absolute;
						right: 0;
						color: #c3c3c3;
						text-decoration: underline;
						// border-bottom: 2rpx solid #c3c3c3;
					}
					
				}
				.content{
					margin-top: 20rpx;
					.c_list{
						display: flex;
						justify-content: space-between;
						.c_item{
							padding: 10rpx                       ;
						border: 2rpx solid #eeeeee;
						border-radius: 10rpx;
							width:340rpx;
							position: relative;
							.ci_image{
							
								height: 220rpx;
									background-color: red;
							}
							.ci_goodname{
								padding: 10rpx;
								font-size: 24rpx;
								color: #282828;
								height: 46rpx;
								overflow: hidden;
								text-overflow: ellipsis;
								-webkit-line-clamp: 1;
								display: -webkit-box;
								-webkit-box-orient: vertical;
								white-spce:nowrap
							}
							.ci_bottom{
								padding: 10rpx;
								display: flex;
								justify-content: space-between;
								font-size: 24rpx;
							}
							.state{
								position: absolute;
								right: 20rpx;
								top: 24rpx;
								width: 120rpx;
								text-align: center;
								padding: 6rpx 10rpx;
								background-color: #ff841f;
								color: #fff;
								border-radius: 28rpx;
							}
						}
					}
					.con_b{
						margin-top: 20rpx;
						.con_image{
							
							width: 700rpx;
							height: 200rpx;
							background-color: red;
						}
						.con_text{
							 margin-top: 10rpx;
							 font-size: 24rpx;
						}
						
					}
				}
			}
			// 项目案例
			.Project_Cases{
				border-radius: 20rpx;
				margin-top: 30rpx;
				padding: 20rpx;
				background-color: #fff;
				.p_title{
				   width: 100%;
				   padding-left: 40%;
					display: flex;
					position: relative;
					.pt_center{
						font-size: 30rpx;
						font-weight: 550;
						padding-bottom: 10rpx;
						border-bottom: 6rpx solid #ff841f;
					}
					.pt_more{
						position: absolute;
						right: 0;
						color: #c3c3c3;
						text-decoration: underline;
						// border-bottom: 2rpx solid #c3c3c3;
					}
					
				}
				.p_top{
					margin-top: 16rpx;
					.t_image{
						height: 220rpx;
						background-color: greenyellow;
						border-radius: 20rpx;
						position: relative;
						.p_titles{
							position: absolute;
							left: 16rpx;
							bottom: 18rpx;
						}
					}
				}
				.p_bottom{
					margin-top: 20rpx;
					.p_list{
						display: flex;
						flex-wrap: wrap;
						justify-content: space-between;
						.p_item{
							width: 320rpx;
							text-align: center;
							padding-bottom: 10rpx;
							.i_image{
								width: 320rpx;
								height: 200rpx;
								background-color: greenyellow;
								border-radius: 20rpx;
							}
						}
					}
				}
			}
			// 实操演示
			.Practical_demonstration{
				border-radius: 20rpx;
				margin-top: 30rpx;
				padding: 20rpx;
				background-color: #fff;
				.p_title{
				   width: 100%;
				   padding-left: 40%;
					display: flex;
					position: relative;
					.pt_center{
						font-size: 30rpx;
						font-weight: 550;
						padding-bottom: 10rpx;
						border-bottom: 6rpx solid #ff841f;
					}
					.pt_more{
						position: absolute;
						right: 0;
						color: #c3c3c3;
						text-decoration: underline;
						// border-bottom: 2rpx solid #c3c3c3;
					}
					
				}
				.pd_list{
					margin-top: 20rpx;
					display: flex;
					flex-wrap: wrap;
					justify-content: space-between;
					.pd_item{
						width: 320rpx;
						padding-bottom: 10rpx;
						.video{
							width: 320rpx;
							height: 200rpx;
							border-radius: 10rpx;
							background-color: lightskyblue;
						}
					}
				}
			}
			// 在施工地
			.construction_site{
				border-radius: 20rpx;
				margin-top: 30rpx;
				padding: 20rpx;
				background-color: #fff;
				.p_title{
				   width: 100%;
				   padding-left: 40%;
					display: flex;
					position: relative;
					.pt_center{
						font-size: 30rpx;
						font-weight: 550;
						padding-bottom: 10rpx;
						border-bottom: 6rpx solid #ff841f;
					}
					.pt_more{
						position: absolute;
						right: 0;
						color: #c3c3c3;
						text-decoration: underline;
						// border-bottom: 2rpx solid #c3c3c3;
					}
					
				}
				.cs_list{
					margin-top: 20rpx;
					.cs_item{
						padding-bottom: 10rpx;
						.cs_image{
							width: 100%;
							height: 180rpx;
							background-color: #ff841f;
							border-radius: 10rpx;
						}
					}
				}
			}
			// 企业荣誉
			.enterprisehonor{
				border-radius: 20rpx;
				margin-top: 30rpx;
				padding: 20rpx;
				background-color: #fff;
				.p_title{
				   width: 100%;
				   padding-left: 40%;
					display: flex;
					position: relative;
					.pt_center{
						font-size: 30rpx;
						font-weight: 550;
						padding-bottom: 10rpx;
						border-bottom: 6rpx solid #ff841f;
					}
					.pt_more{
						position: absolute;
						right: 0;
						color: #c3c3c3;
						text-decoration: underline;
						// border-bottom: 2rpx solid #c3c3c3;
					}
					
				}
				.m_list{
					margin-top: 18rpx;
					display: flex;
					flex-wrap: wrap;
					justify-content: space-between;
					.m_item{
						// width: 320rpx;
						text-align: center;
						padding-bottom: 10rpx;
						margin-right: 20rpx;
						.image{
							// width: 300rpx;
						}
						.name{
							color: #ff841f;
						}
					}
				}
			}
			.mycompony{
				border-radius: 20rpx;
				margin-top: 30rpx;
				padding: 20rpx;
				background-color: #fff;
				.p_title{
				   width: 100%;
				   padding-left: 40%;
					display: flex;
					position: relative;
					.pt_center{
						font-size: 30rpx;
						font-weight: 550;
						padding-bottom: 10rpx;
						border-bottom: 6rpx solid #ff841f;
					}
					.pt_more{
						position: absolute;
						right: 0;
						color: #c3c3c3;
						text-decoration: underline;
						// border-bottom: 2rpx solid #c3c3c3;
					}
					
				}
			}
			
	}
</style>